<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
	</head>

	<body>
		<input type="text" name="" id="" value="" />
		<button>button</button>

		<ul>
			<li>11111</li>
			<li>22222</li>
			<li>33333</li>
			<li>44444</li>
		</ul>
	</body>
	<script type="text/javascript">
		// 需要注意，新添加的元素是没有点击事件
		$('button').click(function() {
			var oLi = '<li>aaaaaa</li>'
			$('ul').after(oLi)
		})

		//		$('li').click(function(){
		//			alert('aaaaaaaaaaaa')
		//		})

		// 事件委托,找当前li的长辈
		// 第一个参数：表示想找哪个控件
		// 第二个参数：表示事件类型
		$('body').delegate('li', 'click', function() {
			alert('aaaaaaaaaaaa')
		})
	</script>

</html>